3.3. Project Options: Thumbnails

During this step you can specify the appearance of pages containing thumbnail images linked to the pages containing full-size images.

Size section lets you specify width and height of thumbnail images. By default both dimensions are set to 120 pixels. In the table below you can see the examples of how different settings influence the thumbnails appearance.

1.
2.
3.
4.

1. Fixed width, fixed height, cropped images: the image dimensions are decreased so that its narrow side is equal to the set value (100 pixels in this example), the wide side is cropped to fit the same size.
2. Fixed width, fixed height: the wide side of each image is decreased to the set value (100 pixels in this example), the narrow side is proportionally shrunk.
3. Fixed width: the horizontal side of each image is decreased to the set value (100 pixels in this example), the vertical side is proportionally shrunk.
4. Fixed height: the vertical side of each image is decreased to the set value (100 pixels in this example), the horizontal side is proportionally shrunk.
    

Border section defines whether there should be a thin border around the thumbnails. Mark the checkbox if you want to have the border and set it width and color using the fields below.

File name section defines a suffix or a prefix added to the names of thumbnail images (this may be crucial if you store thumbnails in the same folder as full-size images).

Image format settings - click this button to adjust quality of generated thumbnails. Image thumbnails are saved in JPEG format, no matter what the format of source images is. JPEG uses lossy compression, which reduces file size deleting unimportant image information. This means that as you increase the compression, you decrease visual quality of the image. You may use this dialog to find the best balance between the two. There are several methods for changing values in the number box. You can type the number, click the spin controls or drag the slider. Check on the Progressive encoding checkbox if you want users to see rough copy of the image as it downloads (the image gradually sharpens as the file loads). Using progressive encoding makes files size a bit bigger.

 

Next step: 3.4. Images